<!-- 定义一个列，宽度在中等屏幕及以上为3，在大屏幕及以上为2，并且没有内边距 -->
<div class='col-md-3 col-lg-2 p-0'>
  <!-- 定义一个手风琴组件，id为sidebarMenu -->
  <div class='accordion' id='sidebarMenu'>
    <!-- 定义一个手风琴项目 -->
    <div class='accordion-item'>
      <!-- 定义手风琴的头部，id为动态生成 -->
      <h2 class='accordion-header' id='heading{{id}}'>
        <!-- 定义一个按钮，点击时折叠或展开手风琴内容 -->
        <button
          class='accordion-button'
          type='button'
          data-bs-toggle='collapse'
          data-bs-target='#collapse{{id}}'
        >
          <!-- 按钮文本内容 -->
          权限管理
        </button>
      </h2>
      <!-- 定义手风琴的折叠内容，id为动态生成 -->
      <div id='collapse{{id}}' class='accordion-collapse collapse'>
        <!-- 定义手风琴的主体内容 -->
        <div class='accordion-body'>
          <!-- 定义一个列表组 -->
          <ul class='list-group'>
            <!-- 定义一个列表项 -->
            <li class='list-group-item'>
              <!-- 定义一个链接 -->
              <a href=''>用户管理</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>